/* 屏保样式 */
#screen-saver-blur-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 9998 !important;
  pointer-events: none !important;
}

#screen-saver-background-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9997 !important;
  transition: all 1s ease-in-out !important;
  pointer-events: none !important;
}

#screen-saver-clock {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: 4em !important;
  font-weight: 300 !important;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  text-align: center !important;
}

#screen-saver-date {
  position: fixed !important;
  top: 60% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: 1.5em !important;
  font-weight: 300 !important;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  text-align: center !important;
  opacity: 0.8 !important;
}

#screen-saver-exit-hint {
  position: fixed !important;
  bottom: 50px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: white !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: 1em !important;
  text-shadow: 2px 2px 10px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  text-align: center !important;
  opacity: 0.6 !important;
  animation: fadeInOut 3s ease-in-out infinite !important;
}

@keyframes fadeInOut {
  0%, 100% { 
    opacity: 0.3 !important; 
  }
  50% { 
    opacity: 0.8 !important; 
  }
} 